在 SwiftUI 中建立自定義控件是一個很有趣的過程。以下是如何創建一個自定義控件的簡單步驟:
首先,創建一個新的 Swift 文件,並在其中定義你的自定義控件結構。例如,我們來創建一個簡單的自定義按鈕:
import SwiftUI
struct CustomButton: View {
    var title: String
    var action: () -> Void
    
    var body: some View {
        Button(action: action) {
            Text(title)
                .padding()
                .background(Color.blue)
                .foregroundColor(.white)
                .cornerRadius(10)
        }
    }
}
在這裡,我們定義了一個 CustomButton 結構,這個控件接受兩個參數:title 和 action。title 是按鈕上顯示的文字,action 是按鈕被點擊時執行的操作。
在你的主視圖或其他視圖中,你可以像使用內建控件一樣使用你的 CustomButton:
struct ContentView: View {
    var body: some View {
        VStack {
            CustomButton(title: "點擊我") {
                print("按鈕被點擊了!")
            }
            .padding()
        }
    }
}
這裡,我們在 ContentView 中創建了一個 CustomButton 實例,並傳遞了按鈕的標題和點擊事件的處理方法。
你可以進一步自定義控件的樣式,例如改變背景顏色、文字顏色或添加其他視覺效果。所有的這些都可以在 body 屬性中進行調整。
這就是建立自定義控件的基本過程。你可以根據需要創建更複雜的控件,並將它們重複使用於你的 SwiftUI 應用中。